<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>{:config('app.cms_name')}{:config('app.version')}</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="/static/admin/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="/static/admin/style/admin.css" media="all">
  <style>
	  .cache-progress{ width: 100%; height: 100%; background:rgba(0,0,0,.7); position: fixed; z-index: 1024;}
	  .cache-progress .layui-progress{position: fixed; top: 30%; width:80%; margin-left: 10%; z-index: 1024;}
  </style>
</head>
<body class="layui-layout-body">

  <div id="LAY_app">
    <div class="layui-layout layui-layout-admin">
      <div class="layui-header">
        <!-- 头部区域 -->
        <ul class="layui-nav layui-layout-left">
          <li class="layui-nav-item layadmin-flexible" lay-unselect>
            <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
              <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
            </a>
          </li>
          <li class="layui-nav-item" lay-unselect>
            <a href="javascript:;" layadmin-event="refresh2" title="刷新">
              <i class="layui-icon layui-icon-refresh-3"></i>
            </a>
          </li>
          <li class="layui-nav-item" lay-unselect>
            <a href="javascript:clearCache()" title="清空缓存">
              <i class="layui-icon layui-icon-fonts-clear"></i>
            </a>
          </li>
          <li class="layui-nav-item layui-hide-xs" lay-unselect>
            <a href="/" target="_blank" title="前台">
              <i class="layui-icon layui-icon-home"></i>
            </a>
          </li>          
        </ul>
        <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">

          <li class="layui-nav-item layui-hide-xs" lay-unselect>
            <a href="javascript:;" layadmin-event="theme">
              <i class="layui-icon layui-icon-theme"></i>
            </a>
          </li>
          <li class="layui-nav-item layui-hide-xs" lay-unselect>
            <a href="javascript:;" layadmin-event="note">
              <i class="layui-icon layui-icon-note"></i>
            </a>
          </li>
          <li class="layui-nav-item layui-hide-xs" lay-unselect>
            <a href="javascript:;" layadmin-event="fullscreen">
              <i class="layui-icon layui-icon-screen-full"></i>
            </a>
          </li>
          <li class="layui-nav-item" lay-unselect>
            <a href="javascript:;">
              <cite>{$username}</cite>
            </a>
            <dl class="layui-nav-child">
              <dd><a class="iframe" href="{:url('user/password')}">修改密码</a></dd>
              <hr>
              <dd style="text-align: center;"><a href="{:url('login/loginOut')}" data-msg="您确定要退出吗？" class="ajax_del">退出</a></dd>
            </dl>
          </li>

          <li class="layui-nav-item layui-hide-xs" lay-unselect>
            <a href="javascript:;" layadmin-event="about"><i class="layui-icon layui-icon-more-vertical"></i></a>
          </li>
          <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-unselect>
            <a href="javascript:;" layadmin-event="more"><i class="layui-icon layui-icon-more-vertical"></i></a>
          </li>
        </ul>
      </div>

      <!-- 侧边菜单 -->
      <div class="layui-side layui-side-menu">
        <div class="layui-side-scroll">
          <div class="layui-logo" lay-href="home/console.html">
            <span>{:config('app.cms_name')}{:config('app.version')}</span>
          </div>

          <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu">
            <li data-name="home" class="layui-nav-item layui-nav-itemed">
              <a lay-href="{:url('index/console')}" lay-tips="控制台" lay-direction="2">
                <i class="layui-icon layui-icon-home"></i>
                <cite>控制台</cite>
              </a>
            </li>
            <!--栏目菜单开始-->
            <li class="layui-nav-item">
              <a href="javascript:;"  lay-tips="内容管理" lay-direction="2">
                <i class="layui-icon layui-icon-app"></i>
                <cite>内容管理</cite>
              </a>
              <!--二级菜单开始-->
                  <dl class="layui-nav-child">
                    {foreach $Cats as $key1=>$v1}
                        <dd>
                            <a href="javascript:;" lay-href="{:url('Info/index',array('catid'=>$v1['catid']))}" title="{$v1.catid}">{$v1.name}</a>
                          <!--三级菜单开始-->
                          {if $v1['sub_cat']}
                              <dl class="layui-nav-child">
                                {foreach $v1['sub_cat'] as $key2=>$v2}
                                    <dd>
                                        <a href="javascript:;" lay-href="{:url('Info/index',array('catid'=>$v2['catid']))}" title="{$v2.catid}">{$v2.name}</a>
                                        {if $v2['sub_cat']}
                                            <dl class="layui-nav-child">
                                                {foreach $v2['sub_cat'] as $key3=>$v3}
                                                    <dd><a href="javascript:;" lay-href="{:url('Info/index',array('catid'=>$v3['catid']))}" title="{$v3.catid}">{$v3.name}</a></dd>
                                                {/foreach}
                                                </dl>
                                            </dd>
                                        {/if}
                                {/foreach}
                              </dl>
                          {/if}
                          <!--三级菜单结束-->
                        </dd>
                    {/foreach}
                  </dl>
              <!--二级菜单结束-->
            </li>
            <!--栏目菜单结束-->

            <!--节点菜单开始-->
            {foreach $Nodes as $key=>$v}
                <li data-name="level1_{$v.id}" class="layui-nav-item">
                  <a href="javascript:;" {if !$v['children']}lay-href="{:url($v['name'])}"{/if} lay-tips="{$v.title}" lay-direction="2">
                    <i class="layui-icon {:trim($v['icon'])}"></i>
                    <cite>{$v.title}</cite>
                  </a>
                  <!--二级菜单开始-->
                  {if $v['children']}
                      <dl class="layui-nav-child">
                        {foreach $v['children'] as $key2=>$v2}
                            <dd data-name="level2_{$v2.id}">
                              <a href="javascript:;" {if !$v2['children']}lay-href="{:url($v2['name'])}"{/if}>{$v2.title}</a>
                              <!--三级菜单开始-->
                              {if $v2['children']}
                                  <dl class="layui-nav-child">
                                    {foreach $v2['children'] as $key3=>$v3}
                                        <dd data-name="level3_{$v3.id}">
                                            <a {if !$v3['children']}lay-href="{:url($v3['name'])}"{/if}>{$v3.title}</a>
                                            {if $v3['children']}
                                                <dl class="layui-nav-child">
                                                    {foreach $v3['children'] as $key4=>$v4}
                                                        <dd data-name="level4_{$v3.id}"><a lay-href="{:url($v4['name'])}">{$v4.title}</a></dd>
                                                    {/foreach}
                                                    </dl>
                                                </dd>
                                            {/if}
                                    {/foreach}
                                  </dl>
                              {/if}
                              <!--三级菜单结束-->
                            </dd>
                        {/foreach}
                      </dl>
                  {/if}
                  <!--二级菜单结束-->
                </li>
            {/foreach}
            <!--结点菜单结束-->


          </ul>
        </div>
      </div>

      <!-- 页面标签 -->
      <div class="layadmin-pagetabs" id="LAY_app_tabs">
        <div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div>
        <div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div>
        <div class="layui-icon layadmin-tabs-control layui-icon-down">
          <ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
            <li class="layui-nav-item" lay-unselect>
              <a href="javascript:;"></a>
              <dl class="layui-nav-child layui-anim-fadein">
                <dd layadmin-event="closeThisTabs"><a href="javascript:;">关闭当前标签页</a></dd>
                <dd layadmin-event="closeOtherTabs"><a href="javascript:;">关闭其它标签页</a></dd>
                <dd layadmin-event="closeAllTabs"><a href="javascript:;">关闭全部标签页</a></dd>
              </dl>
            </li>
          </ul>
        </div>
        <div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
          <ul class="layui-tab-title" id="LAY_app_tabsheader">
            <li lay-id="home/console.html" lay-attr="home/console.html" class="layui-this"><i class="layui-icon layui-icon-home"></i></li>
          </ul>
        </div>
      </div>
      <!-- 主体内容 -->
      <div class="layui-body" id="LAY_app_body">
        <div class="layadmin-tabsbody-item layui-show">
          <iframe src="{:url('index/console')}" frameborder="0" class="layadmin-iframe"></iframe>
        </div>
      </div>

      <!-- 辅助元素，一般用于移动设备下遮罩 -->
      <div class="layadmin-body-shade" layadmin-event="shade"></div>
    </div>
  </div>
  <script src="/static/admin/layui/layui.js"></script>
  <script src="/static/js/jquery.min.js"></script>    
  <script src="/static/js/globals.js"></script>  
  <script>
	  var element;
	layui.config({
	base: '/static/admin/' //静态资源所在路径
	}).extend({
		index: 'lib/index' ,//主入口模块
	}).use(['index'],function(){
		var $ = layui.$
		,admin = layui.admin;
		element = layui.element;
	});
	//每过一定时间ajax请示，防止session过期
	setInterval(function(){
	  $.get("{:url('updateSession')}");
	},60000*5);
	//清空缓存
	var CacheData;
	function clearCache(){
		window.onbeforeunload = function(){ return "正在更新缓存，请不要关闭！" }
		$("body").append('<div class="cache-progress"><div class="layui-progress layui-progress-big"  lay-showpercent="true"lay-filter="component-progress-demo" style=""><div class="layui-progress-bar layui-bg-green" lay-percent="5%"></div></div></div>');
		//这里一定要做个延迟，因为append后无法立即渲染
		setTimeout(function(){
			element.render('progress');
			$.get("{:url('UpdateCache/ajax')}",function(result){
				CacheData=result.msg;
				clearCacheAjax(0);
			},"json");
		},200);

	}
	function clearCacheAjax(i){		
        //更新完成
        if(i==CacheData.length){
            window.onbeforeunload = function(){ return null }
            setTimeout(function(){
                $(".cache-progress").remove();
				layer.msg("成功清空所有缓存");
            },1000);                        
        }else{
            $.get(CacheData[i]['url'],function(){
                var progress_percent=(i+1)/CacheData.length; 
                progress_percent=progress_percent*100;
                progress_percent=progress_percent.toFixed(2);   
				console.log(progress_percent);
				element.progress('component-progress-demo', progress_percent+"%");	
				clearCacheAjax(i+1);
            },"json")
        }
	}
  </script>

</body>
</html>


